<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>


            * {
                margin: 0;
                padding: 0;
            }

            .headerRoot {
                display: flex;
            }


            a {
                width: 80px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                color: white;
                background-color: pink;
                text-decoration: none;
            }

            a:hover {
                background-color: blue;
            }


        </style>
    </head>
    <body>

        <div class="headerRoot">
            <a href="#">新闻1</a>
            <a href="#">新闻2</a>
            <a href="#">新闻3</a>
            <a href="#">新闻4</a>
            <a href="#">新闻5</a>
            <a href="#">新闻6</a>
            <a href="#">新闻7</a>
            <a href="#">新闻8</a>
        </div>

    </body>
</html>